<style type="text/css" media="all">			
       
        
        .list_carousel {               
                margin: 0 0 30px 60px;
                width: 360px;
                position: relative;
        }
        .list_carousel ul {
                margin: 0;
                padding: 0;
                list-style: none;
                display: block;
        }
        .list_carousel li {
                font-size: 40px;
                color: #999;
                text-align: center;
                background-color: #eee;
                border: 1px solid #999;
                width: 50px;
                height: 105px;
                padding: 0;
                margin: 3px;
                display: block;
                float: left;
        }
        .list_carousel.responsive {
                width: auto;
                margin-left: 0;
        }
        .prev {
                float: left;
                margin-left: 10px;
                position: absolute;
                top: 50px;
                left: -15px;
        }
        .next {
                float: right;
                margin-right: 10px;
                position: absolute;
                top: 50px;
                left: 98.3%;
        }
</style>
<div>
    <section>
		<div style="width:68.5%;margin:0px auto;">
                               <h1 class="title"> > Esto te puede interesar</h1>
				<div class="list_carousel responsive">
				<ul id="listaInteres">
					<li>
                                            <section class="bloque negro" >
                                            <article>
                                                <?php echo image_tag('home/foto1.jpg','size=50px50') ?>
                                                <div class="info">
                                                    <h1>LA MOSCA DE LA FRUTA EN PIURA</h1>
                                                    <h2>James Nestor</h2>
                                                    <h3>M. Agricultura</h3>
                                                </div>
                                            </article>
                                        </section>  
                                        </li>
					<li>
                                         <section class="bloque negro" >
                                            <article>
                                                <?php echo image_tag('home/foto2.jpg','size=50px50') ?>
                                                <div class="info">
                                                    <h1>RANA DE MADRE DE DIOS EN LA INDUSTRIA</h1>
                                                    <h2>James Nestor</h2>
                                                    <h3>M. Agricultura</h3>
                                                </div>
                                            </article>
                                        </section> 
                                        <li>
                                        <section class="bloque negro" >
                                            <article>
                                                <?php echo image_tag('home/foto3.jpg','size=50px50') ?>
                                                <div class="info">
                                                    <h1>MEJORA DEL GANADO VACUNO A  4 MIL MSNM</h1>
                                                    <h2>James Nestor</h2>
                                                    <h3>M. Agricultura</h3>
                                                </div>
                                            </article>
                                        </section>  
                                        </li>
                                        <li>
                                            <section class="bloque negro" >
                                            <article>
                                                <?php echo image_tag('home/foto4.jpg','size=50px50') ?>
                                                <div class="info">
                                                    <h1>LA MOSCA DE LA FRUTA EN PIURA</h1>
                                                    <h2>James Nestor</h2>
                                                    <h3>M. Agricultura</h3>
                                                </div>
                                            </article>
                                        </section>  
                                        </li>
					<li>
                                         <section class="bloque negro" >
                                            <article>
                                                <?php echo image_tag('home/foto5.jpg','size=50px50') ?>
                                                <div class="info">
                                                    <h1>RANA DE MADRE DE DIOS EN LA INDUSTRIA</h1>
                                                    <h2>James Nestor</h2>
                                                    <h3>M. Agricultura</h3>
                                                </div>
                                            </article>
                                        </section> 
                                        <li>
                                        <section class="bloque negro" >
                                            <article>
                                                <?php echo image_tag('home/foto6.jpg','size=50px50') ?>
                                                <div class="info">
                                                    <h1>MEJORA DEL GANADO VACUNO A  4 MIL MSNM</h1>
                                                    <h2>James Nestor</h2>
                                                    <h3>M. Agricultura</h3>
                                                </div>
                                            </article>
                                        </section>  
                                        </li>
					<li>
                                            <section class="bloque negro" >
                                            <article>
                                                <?php echo image_tag('home/foto7.jpg','size=50px50') ?>
                                                <div class="info">
                                                    <h1>LA MOSCA DE LA FRUTA EN PIURA</h1>
                                                    <h2>James Nestor</h2>
                                                    <h3>M. Agricultura</h3>
                                                </div>
                                            </article>
                                        </section>  
                                        </li>
					<li>
                                         <section class="bloque negro" >
                                            <article>
                                                <?php echo image_tag('home/foto8.jpg','size=50px50') ?>
                                                <div class="info">
                                                    <h1>RANA DE MADRE DE DIOS EN LA INDUSTRIA</h1>
                                                    <h2>James Nestor</h2>
                                                    <h3>M. Agricultura</h3>
                                                </div>
                                            </article>
                                        </section> 
                                        <li>
                                        <section class="bloque negro" >
                                            <article>
                                                <?php echo image_tag('home/foto3.jpg','size=50px50') ?>
                                                <div class="info">
                                                    <h1>MEJORA DEL GANADO VACUNO A  4 MIL MSNM</h1>
                                                    <h2>James Nestor</h2>
                                                    <h3>M. Agricultura</h3>
                                                </div>
                                            </article>
                                        </section>  
                                        </li>
                                        <li>
                                            <section class="bloque negro" >
                                            <article>
                                                <?php echo image_tag('home/foto4.jpg','size=50px50') ?>
                                                <div class="info">
                                                    <h1>LA MOSCA DE LA FRUTA EN PIURA</h1>
                                                    <h2>James Nestor</h2>
                                                    <h3>M. Agricultura</h3>
                                                </div>
                                            </article>
                                        </section>  
                                        </li>
					<li>
                                         <section class="bloque negro" >
                                            <article>
                                                <?php echo image_tag('home/foto7.jpg','size=50px50') ?>
                                                <div class="info">
                                                    <h1>RANA DE MADRE DE DIOS EN LA INDUSTRIA</h1>
                                                    <h2>James Nestor</h2>
                                                    <h3>M. Agricultura</h3>
                                                </div>
                                            </article>
                                        </section> 
                                        <li>
                                        <section class="bloque negro" >
                                            <article>
                                                <?php echo image_tag('home/foto6.jpg','size=50px50') ?>
                                                <div class="info">
                                                    <h1>MEJORA DEL GANADO VACUNO A  4 MIL MSNM</h1>
                                                    <h2>James Nestor</h2>
                                                    <h3>M. Agricultura</h3>
                                                </div>
                                            </article>
                                        </section>  
                                        </li>
				</ul>
				
                                   <a id="prev" class="prev" href="#"> <?php echo image_tag('flechas/slider_izq.png') ?></a>
				   <a id="next" class="next" href="#">  <?php echo image_tag('flechas/slider_der.png') ?></a>
			</div>

		</div>
        
        
    </section>
</div>

<script type="text/javascript">			
	$('#listaInteres').carouFredSel({
					responsive: true,
					width: '100%',
					scroll: 1,
					auto: false,					
					prev: '#prev',
					next: '#next',
					items: {
						width: 400,
					//	height: '30%',	//	optionally resize item-height
						visible: {
							min: 2,
							max: 4
						}
					}
				});
		
</script>